<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <title>投票</title>
    <link rel="stylesheet" href="__ROOT__/static/static_list/css/inside.css">
    <link rel="stylesheet" href="__ROOT__/static/static_list/css/font_825661_qdjqdgsdz6r.css">
    <link rel="stylesheet" type="text/css" href="__ROOT__/static/static_list/css/detail.css">
    <link rel="stylesheet" href="__ROOT__/static/static_list/css/ui-dialog.css">
    <script type="text/javascript" src="__ROOT__/static/static_list/js/jquery.min.js"></script>

    <script type="text/javascript" src="__ROOT__/static/static_list/js/common.js"></script>
    <script src="__ROOT__/static/static_list/js/lodash.js"></script>
    <script src="__ROOT__/static/static_list/js/moment.js"></script>
    <script src="__ROOT__/static/static_list/js/co-util.js"></script>
    <link rel="stylesheet" type="text/css" href="http://guangdongyd.ctwenhuayun.cn/pcjq2022/blackwhite.css">
    <script src="__ROOT__/static/static_list/js/vue.js"></script>
    <script src="__ROOT__/static/static_list/js/vue-resource.js"></script>
    <script type="text/javascript" src="__ROOT__/static/static_list/js/util.js"></script>
    <script type="text/javascript" src="__ROOT__/static/static_list/js/dialog-min.js"></script>
    <script src="__ROOT__/static/static_list/js/qs.min.js"></script>
    <script src="__ROOT__/static/static_list/js/axios.js"></script>
    <script type="text/javascript" src="__ROOT__/static/static_list/js/vue-extend.js"></script>
    <!--移动端版本兼容 -->
</head>

<body>
<div id="app" class="template">
    <div class="teban"><!---->
        <img src="{$site_list.img}" width="750" height="250">
        <div class="tebchar">
            <div class="nc">
                <p class="w1"></p>
                <p class="w2"></p>
            </div>
        </div>
        <ul class="lccshare clearfix">
            <li class="shareBtn" onclick="share()">分享</li>
        </ul>
    </div>
    <div class="tetit_wc">
        <ul class="tetit clearfix" style="position: static;">
            <li class="current toup"><a>投票</a></li>
            <li class="guize"><a>活动规则</a></li>
            <li class="phb"><a>排行榜</a></li>
        </ul>
    </div>
    <div class="tecont_wc toupiao">
        <div class="cont_detail-container show-all">
            <div id="cont_detail">{$site_list.title}</div>
        </div>
    </div>
    <div class="tecont_wc toupiao">
        <div class="tecont">
            <div class="vote">
                <div class="jz670">
                    <div class="search_box ">
                        <input class="cid" type="hidden" value="{$site_list.id}">
                        <input type="text " placeholder="搜索你想搜索的" class="key" value="{$get.key|default=''}"><i class="iconfont icon-search1  list-search"></i>
                    </div>
                    <ul id="voteItemUl" class="voteList clearfix">
                        {volist name="program_list" id="vo"}
                        <li>
                            <div class="pic">
                                <a>
                                    <div class="info-box" onclick="details({$vo.id})">
                                        <img src="{$vo.img}">
                                        <div class="black">
                                            <span>{$vo.id}. {$vo.title}</span>
                                        </div>
                                        <div class="like-num"><img src="__ROOT__/static/static_list/image/like.png" alt=""> <p>{$vo.like}</p></div>
                                    </div>
                                    <div class="box-btn">
                                        <span class="tp"><em></em>
                                            <span id="voteCount">{$vo.like}</span>
                                        </span>
                                        <span>投 票</span>
                                    </div>
                                </a>
                            </div>
                           <div class="riqi">{$key+1}</div>
                        </li>
                        {/volist}
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="tecont_wc guizes" style="display: none">
        <div class="tecont rules jz700">
            <div class="nc">
                <div class="t">#&nbsp;&nbsp;&nbsp;&nbsp;活动规则&nbsp;&nbsp;&nbsp;&nbsp;#</div>
                <div class="xian"></div>
                <div id="cont_detail2">每人最多可投5票。</div>
            </div>
        </div>
    </div>

    <div class="tecont_wc phbs" style="display: none">
        <div class="tecont ranking jz700">
            <table id="rankTable" class="rankTab">
                <tbody>
                {volist name="program_list" id="vo"}
                <tr onclick="details({$vo.id})">
                    <td class="td1"><span>{$key+1}</span></td>
                    <td class="td2">
                        <div><img src="{$vo.img}"></div>
                    </td>
                    <td class="td3"><div>{$vo.id}. {$vo.title}</div></td>
                    <td class="td4"><em></em><span>{$vo.like}</span></td>
                </tr>
                {/volist}
            </tbody>
            </table>
        </div>
    </div>
    <div style="width: 750px; height: 100%; position: fixed; top: 0px; left: 50%; margin-left: -375px; z-index: 10000;display: none" class="fx">
        <img src="__ROOT__/static/static_list/image/fx-bg.png " style="display: block; width: 100%; height: 100%;">
    </div>

</div>


</body>
<script>
    function share(){
        $(".fx").show();
    }

    $(".fx").click(function (){
        $(".fx").hide();
    });
    $('.toup').click(function () {
        $(".toupiao").show();
        $(".guizes").hide();
        $(".phbs").hide();

        $(".toup").addClass("current");
        $(".guize").removeClass("current");
        $(".phb").removeClass("current");
    });
    $('.guize').click(function () {
        $(".guizes").show();

        $(".toupiao").hide();
        $(".phbs").hide();

        $(".guize").addClass("current");
        $(".toup").removeClass("current");
        $(".phb").removeClass("current");
    });
    $('.phb').click(function () {
        $(".phbs").show();
        $(".toupiao").hide();
        $(".guizes").hide();

        $(".phb").addClass("current");
        $(".toup").removeClass("current");
        $(".guize").removeClass("current");
    });
    function details(id){
        window.location.href="{:url('index/index/details')}" + '?id='+id;
    }
    $(".list-search").click(function () {
        var key = $('.key').val();
        var cid = $('.cid').val();
        window.location.href="{:url('index/index/list')}" + '?id=' + cid + '&key=' + key;
    });
</script>
</html>